<template>
	<view class="vue3-tab">
		<wd-steps :active="4" vertical dot>
			<wd-step v-for="(item,index) in list" :key="index" :title="item.baseProject">
				<template #description>
					<view class="desc">实战项目项目：{{item.project}}</view>
					<view class="desc">技术：{{item.label}}</view>
					<view class="desc">时间：{{item.date}}</view>
					<view v-if="item.desc" class="desc">{{item.desc}}</view>
				</template>
			</wd-step>
		</wd-steps>
	</view>
</template>

<script setup lang="ts">
	import { ref } from 'vue';
	import { onLoad } from '@dcloudio/uni-app'
	import {
		useAuthCheck
	} from '@/common/auth'
	const list = ref([{
		baseProject: 'do-vue',
		project: '住建局',
		label: 'vite + vue3 beta',
		date: '2020',
	}, {
		baseProject: 'do-vite',
		project: '金海粮油、零距离警务室',
		label: 'vite2 + vue3 正式版',
		date: '2021~2022',
	}, {
		baseProject: 'do-ts',
		project: '仓库管理系统、电厂',
		label: 'vite2/3 + vue3 + TS',
		date: '2022',
	}, {
		baseProject: 'do-setup',
		project: 'PS：未开始',
		label: 'vite7 + pinia3 + script setup',
		date: '2024~2025',
		desc: '待办：清理TS警告，公共模块的demo、pinia3的setup写法'
	},
	])

	onLoad(() => {
		// useAuthCheck()
	})
</script>

<style lang="scss" scoped>
	.vue3-tab {
		padding: 20rpx;
	}
</style>